<!--
确认收货页面
-->
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="tfn" uri="http://www.totoro.com/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <title>确认收货</title>
    <link rel="shortcut icon" type="image/x-icon" href="/static/img/index/favicon.png">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/public.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/nav.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/product/confirm_goods.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/iconFont/iconfont.css"/>
</head>
<body>
<script src="${pageContext.request.contextPath}/static/js/frame/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/self/buy/mousedrag.js"></script>

<!-- top 150 left 425-->
<div style="position: absolute;z-index: 9999; top: 0px; left: 0px; display: none" class="chat-box" id="adc">
    <div class="title" style="width: 996px; height: 20px; position:absolute;"></div>
    <style>
        .title:hover{
            cursor: move;
        }
    </style>
    <iframe src="/public_page/buy_chat.jsp" width="1010" height="752" id="chat-iframe" frameborder="0" name="adc"></iframe>
</div>


<div id="page">
    <div id="mallPage" class="tmall- page-not-market">
        <jsp:include page="${pageContext.request.contextPath}/public_page/nav.jsp"></jsp:include>
        <!-- 导航栏 end -->

        <!-- 头部 start -->

        <jsp:include page="/public_page/search_header.jsp"></jsp:include>

        <!-- 头部 end-->

        <!-- 确认收货 身体Body start -->

        <div id="content">

            <div id="content" data-spm-anchor-id="a220l.7.0.i0.15ed4574HQNfzk">

                <!-- body code begin -->
                <script>
                    function confirmSuccess(){
                        location.href="https://trade.tmall.com/order/trade_success.htm?alipay_no=2021062122001164921433713355&seller_id=2088021413655919&biz_order_id=1334941611242771796";
                    }
                    function confirmFalse(errorCode){
                        location.href="https://trade.tmall.com/order/trade_success.htm?alipay_no=2021062122001164921433713355&seller_id=2088021413655919&biz_order_id=1334941611242771796";
                    }
                </script>


                <!-- 交易流程指示图 -->
                <div class="flowstep" data-spm-anchor-id="a220l.7.0.i2.15ed4574HQNfzk">
                    <ol class="flowstep-5">
                        <li class="step-first">
                            <div class="step-done">
                                <div class="step-name">拍下商品</div>
                                <div class="step-no"></div>
                                <div class="step-time">
                                    <div class="step-time-wraper">
                                        ${marketOrder.orderTimelines[0].createTime}
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="step-done">
                                <div class="step-name">付款到支付宝</div>
                                <div class="step-no" data-spm-anchor-id="a220l.7.0.i1.15ed4574HQNfzk"></div>
                                <div class="step-time">
                                    <div class="step-time-wraper">
                                        ${marketOrder.orderTimelines[1].createTime}
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="step-done">
                                <div class="step-name">卖家发货</div>
                                <div class="step-no"></div>
                                <div class="step-time">
                                    <div class="step-time-wraper">
                                        ${marketOrder.orderTimelines[2].createTime}
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="step-name">确认收货</div>
                            <div class="step-no">4</div>
                        </li>
                        <li class="step-last">
                            <div class="step-name">评价</div>
                            <div class="step-no">5</div>
                        </li>
                    </ol>
                </div>

                <div id="detail-panel" class="grid-c detail-panel-cleckPay" data-spm="1" data-spm-anchor-id="a220l.7.0.1.15ed4574HQNfzk">
                    <h1>我已收到货，同意支付宝付款</h1>
                    <!-- 宝贝列表 -->
                    <div class="tabs-panels" id="J_confirmGoods_tab">
                        <div class="info-box order-info">
                            <h2>订单信息</h2>
                            <div class="bd">
                                <table style="font-size: 12px;">
                                    <colgroup><col class="col0"><!-- 宝贝 -->
                                        <col class="col1"><!-- 交易状态 -->
                                        <col class="col2"><!-- 单价（元） -->
                                        <col class="col3"><!-- 数量 -->
                                        <col class="col4"><!-- 优惠 -->
                                        <col class="col5"><!-- 合计（元） -->
                                        <col class="col6"><!-- 运费（元） -->

                                        <!-- 订单信息 -->
                                    </colgroup><tbody class="order">
                                <tr class="sep-row">
                                    <td colspan="7"></td>
                                </tr>
                                <tr class="order-hd">
                                    <th class="item">宝贝</th>
                                    <th class="status">状态</th>
                                    <th class="price">单价</th>
                                    <th class="num">数量</th>
                                    <th class="discount">优惠</th>
                                    <th class="order-price">商品总价</th>
                                    <th class="post-fee">运费</th>
                                </tr>
                                <%-- 循环订单详情 --%>
                                <c:forEach items="${marketOrder.marketSrOrderList}" var="marketSrOrder" varStatus="vs">
                                    <tr class="order-item">
                                        <td class="item">
                                            <div class="pic-info">
                                                <div class="pic s50">
                                                    <a hidefocus="true" href="//trade.taobao.com/trade/detail/trade_snap.htm?trade_id=1334941611242771796&amp;item_num_id=638794331087" target="_blank" title="商品图片">
                                                        <img alt="${marketSrOrder.product.productName}" src="${marketSrOrder.product.productImages[0].imagePath}"/>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="txt-info">
                                                <div class="desc">
                                                    <div data-spm-anchor-id="a220l.7.1.i3.15ed4574HQNfzk">
                                                        <span class="name">
                                                        <a href="//trade.taobao.com/trade/detail/trade_snap.htm?trade_id=1334941611242771796&amp;item_num_id=638794331087" title="${marketSrOrder.product.productName}" target="_blank">${marketSrOrder.product.productName}</a>
                                                        </span>
                                                    </div>

                                                    <span class="good-icons">

                                                    </span>  </div>
                                                    <%-- 格式化Skull --%>
                                                <c:set var="skuData" value="${marketSrOrder.product.productSpecs.productSpaceData}"></c:set>
                                                <c:set var="skuDatas" value='${fn:split(fn:replace(fn:replace(skuData, "{" , ""), "}", ""), ",")}'></c:set>
                                                <div class="props">
                                                    <c:forEach begin="0" end="${fn:length(skuDatas)}" var="i">
                                                                    <span>${fn:split(fn:replace(skuDatas[hdVs.index], "\"", ""), "|")[0]}</span>
                                                    </c:forEach>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="status">
                                            -
                                        </td>
                                        <td class="price">${marketSrOrder.product.productSpecs.productPrice}</td>
                                        <td class="num">${marketSrOrder.buyCount}</td>
                                        <td class="discount">
                                            <c:if test="${(marketSrOrder.payPrice / marketSrOrder.buyCount) < marketSrOrder.product.productSpecs.productPrice}" var="isDc">
                                                ￥${marketSrOrder.product.productSpecs.productPrice - (marketSrOrder.payPrice / marketSrOrder.buyCount)}
                                            </c:if>
                                            <c:if test="${!isDc}">
                                                -
                                            </c:if>
                                        </td>
                                        <td class="order-price" rowspan="1">

                                            <strong>
                                                ${marketSrOrder.payPrice}
                                            </strong>



                                        </td>
                                        <c:if test="${vs.first}">
                                            <td class="post-fee" rowspan="${fn:length(marketOrder.marketSrOrderList)}">
                                                快递

                                                ：
                                                <span>
                                                免费赠送
</span>
                                            </td>
                                        </c:if>
                                    </tr>
                                </c:forEach>




                                <tr class="order-ft">
                                    <td colspan="7" data-spm-anchor-id="a220l.7.1.i2.15ed4574HQNfzk">
                                        <div class="total-price">
                                            实付款：
                                            ￥<strong>
                                            ${marketOrder.allPrice}
                                        </strong>
                                            <div class="point-info">(可获返还天猫积分<fmt:parseNumber integerOnly="true" value="${marketOrder.allPrice/10}"/>点)<a class="help-icon" target="_blank" title="点此查看天猫积分用途" href="//vip.tmall.com/">点此查看详情</a></div>
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                                    <!-- 其它信息 -->
                                    <tbody class="misc-info">
                                    <tr class="sep-row">
                                        <td colspan="7"></td>
                                    </tr>
                                    <tr>
                                        <td colspan="7">
                                            <span class="label">订单编号：</span>
                                            <span class="order-num">${marketOrder.marketOdd}</span>
                                            <!-- 是天猫订单时才显示 -->
                                            <img src="//gtd.alicdn.com/tps/i2/T1F9jSXlXjXXb.cabb-23-18.png" alt="天猫订单">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="7">
                                            <span class="label">卖家昵称：</span>
                                            <span class="nickname">${marketOrder.shop.shopName}</span>
                                            <span class="ww-light ww-large" data-nick="${marketOrder.shop.shopName}" data-display="inline">
                                                <a target="_blank" class="ww-inline ww-online chat" title="点此可以直接和卖家交流选好的宝贝，或相互交流网购体验，还支持语音视频噢。" data-to-uid="${marketOrder.shop.slid}"></a></span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="7">
                                            <span class="label">收货信息：</span>
                                            <span class="buyer-address">
                                                <c:set var="citys" value='${fn:split(marketOrder.address.address, " ")}'></c:set>
                                                <c:forEach begin="0" end="${fn:length(citys)-1}" var="i">
                                                    <span>${citys[i]}</span>
                                                </c:forEach>
                                                <span>${marketOrder.address.detail}</span>，
                                                <span>${marketOrder.address.consignee}</span>，
                                                <span>${marketOrder.address.phone}</span>，
                                                </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="7">
                                            <span class="label">成交时间：</span>
                                            <span class="trade-time">${marketOrder.orderTimelines[0].createTime}</span>
                                        </td>
                                    </tr>

                                    </tbody>
                                </table>
                            </div>
                        </div>  <div id="J_qrcode" data-src="//img.alicdn.com/tfscom/TB1KtejNgHqK1RjSZJnwu2NLpXa.png" data-url="http://m.tmall.com/qr/orderDetail?id=1334941611242771796&amp;_d=1 " data-action="//mobile.tmall.com/mobile/api/pushPage/stroll.do?resource=71&amp;xxx=eee80db4e853d&amp;bag={%22bizOrderId%22:%221334941611242771796%22}" data-icon="&quot;打开天猫App&quot;" data-text-line1="&quot;下载天猫App&quot;" data-text-line2="&quot;晒评价更有范儿&quot;" data-show="&quot;打开成功！请关注手机的系统通知！&quot;" class="show-cross-btn">
                        <div class="qrcode-target" style="width: 80px; height: 80px;"><img src="//img.alicdn.com/tfscom/TB1KtejNgHqK1RjSZJnwu2NLpXa.png" style="width: 100%; height: 100%;"></div><div class="qrcode-text"><div class="text-content"><p>"下载天猫App"</p><p>"晒评价更有范儿"</p><a class="qrcode-btn" data-action="//mobile.tmall.com/mobile/api/pushPage/stroll.do?resource=71&amp;xxx=eee80db4e853d&amp;bag={%22bizOrderId%22:%221334941611242771796%22}"><span class="iconfont icon-shouji"></span>"打开天猫App"</a></div></div></div>
                    </div>
                    <!-- 确认区 -->
                    <form method="post" action="/order_logic/confirmReceipt.htm">
                    <div class="info-pad"></div>
                    <div class="box order-dashboard">
                        <input type="hidden" name="bizOrderId" value="${marketOrder.marketOdd}">
                        <div class="bd" id="pay-box" data-spm-anchor-id="a220l.7.1.i4.15ed4574HQNfzk">
                            <ul>
                                <li class="alert-msg">请收到货后，再确认收货！否则您可能钱货两空！</li>
                                <li class="refund-tips">如果您想申请退款，<a href="//refund2.tmall.com/dispute/apply_router.htm?biz_order_id=1334941611242771796"><small>请点击这里</small></a></li>
                            </ul>

                            <!-- 支付密码系统 -->
                            <div class="ttrpay">
                                <!-- 支付密码 start-->
                                <jsp:include page="fill_pay_password.jsp"></jsp:include>
                                <!-- 支付密码 end-->
                                <div class="ui-fm-item fm-item-submit">
				<span class="ui-btn ui-btn-ok">
			<input id="J_authSubmit" class="ui-btn-text" type="submit" value="确定" seed="TB_trade_confirmed_by_buyer">
                </span>
                                    <span class="ui-fm-status fn-hide">正在提交信息</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>


                <!-- body code end -->

            </div>
        </div>

        <!-- 确认收货 身体Body end -->

        <%--    引入尾部--%>
        <jsp:include page="${pageContext.request.contextPath}/public_page/last.html"></jsp:include>
    </div>
</div>
    <jsp:include page="/public_page/open_chat.jsp"></jsp:include>
<style>
    body, button, input, select, textarea {
        font: 12px/1.5 tahoma,arial,"\5b8b\4f53";
        line-height: 1.5;
    }
</style>

<script>
    $(".chat-box").bg_move({
        move:'.title',
        closed:'.close',
        size : 6
    });
</script>
</body>
</html>
